<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../jquery-3.1.1.js"></script>
</head>
<body>
    
</body>
</html>
<script>
    var body=$('body')
    var div=$('body').append('<div></div>')
    var times=null
    var img=('div img')
    // console.dir(img)
    $('div')
    .append('<img src=01.jpg>')
    .append('<img src=02.jpg>')
    .append('<img src=03.jpg>')
    .append('<img src=04.jpg>')
    .append('<img src=05.jpg>')
    $('div').css({'width':'520px','margin':'0 auto'})
    $('img').css({'position':'absolute','top':'0','display':'none'})
    // $('img').eq(0).css('display','block')
    times=setInterval(autoPlay,1000);
    function autoPlay(){
        for(var i=0;i<img.length;i++){
            img[i].index=i
            img[index].css('display','block');
            img[index].siblings().css('display','none');
        }
    }
</script>